<h1 class="hide">Tres Bien</h1>
<div class="top-bar">
    <div class="wrapper">
        <a href="index" class="tb-logo sprite">
        </a>

        <div id="toggle-menu">
            <i class="fa fa-bars"></i>
        </div>

        <nav class="main-nav">
            <h2 class="hide">Main Navigation</h2>
            <div class="left">
                <a href="#">Advertising<div class="red-line"></div></a>
                <a href="#">Motion & Animation<div class="red-line"></div></a>
                <a href="#">Corporate<div class="red-line"></div></a>
                <div class="drop">
                    <a href="#">Directors <i class="fa fa-angle-down"></i><div class="red-line"></div></a>
                    <div class="list">
                        <ul>
                            <li><a href="#">Nicolás Mazzi</a></li>
                            <li><a href="#">Fabricio De Alesandro</a></li>
                            <li><a href="#">Tomás Vidal</a></li>
                        </ul>
                    </div>
                </div>
                
            </div>
            <div class="only-for-mobile">
                <a href="#" class="full">Services</a>
                <a href="#" class="full">About</a>
                <div class="lang">
                    <span>Language</span>
                    <a href="#" class="current">ENG</a>
                    <a href="#">ESP</a>
                </div>
                <h5 class="come">Come and say hello!</h5>
                <div class="contact">
                    <h5>Buenos Aires, Argentina</h5>
                    <p>Lima 985 Depto. 1 (CP: 1642) Martínez</p>
                    <p>+54 11 4836 3721</p>
                    <p>info@tresbien.tv</p>
                </div>
                <div class="contact">
                    <h5>Lima, Perú</h5>
                    <p>Ignacio Merino 740, Piso 6, San Isidro</p>
                </div>
            </div>
            <div class="right">
                <div class="social">
                    <a href="#" class="sprite vm"></a>
                    <a href="#" class="sprite tw"></a>
                    <a href="#" class="sprite fb"></a>
                    <a href="#" class="sprite ig"></a>
                </div>
                <div class="lang">
                    <a href="#" class="current">ENG</a>
                    <a href="#">ESP</a>
                </div>
            </div>
        </nav>
        
    </div>
</div>
<div class="overlay"></div>